<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">

    <title>polymer-demo</title>
    <meta name="description" content="polymer-demo">

    <!-- See https://goo.gl/OOhYW5 -->
    <link rel="manifest" href="/manifest.json">

    <script src="/bower_components/webcomponentsjs/webcomponents-loader.js"></script>
    <link rel="import" href="./bower_components/polymer/lib/elements/dom-bind.html">
    
    <link rel="import" href="/src/app-main/app-main.html">
    <link rel="import" href="/src/3-1/custom-element.html">
    <link rel="import" href="/src/3-2/index.html">
    <link rel="import" href="/src/3-3/event-demo.html">
    <link rel="import" href="/src/3-3/custom-event.html">
    <link rel="import" href="/src/3-4/i18n-demo.html">
    <link rel="import" href="/src/4-2/index.html">
  </head>
  <body>
    <!-- <app-main></app-main>
    <custom-element p="设置的值" id="ce"></custom-element> -->
    <!-- <data-bind ></data-bind> -->
    <!-- <observer-demo></observer-demo> -->
    <!-- <computed-demo></computed-demo> -->
    <!-- <downward-flow></downward-flow> -->
    <!-- <repeat-demo></repeat-demo> -->
    <!-- <user-list></user-list> -->
    <!-- <loading-demo></loading-demo> -->
    <!-- <dom-bind>
        <template>
            <template is="dom-repeat" items="{{users}}">
                <span>index:#{{index}}</span><br />
                <span>name:{{item.name}}</span><br />
                <span>age:{{item.age}}</span>
            </template>
        </template>
    </dom-bind>
    <script>
      let db = document.querySelector("dom-bind");
      db.users = [{
                name:"zhongzhong",
                age:25
            },{
                name:"google",
                age:30
            },{
                name:"somebody",
                age:12
            }]
    </script> -->
    <!-- <event-demo></event-demo> -->
    <!-- <custom-event></custom-event>
    <script>
        let ce =  document.querySelector("custom-event");
        ce.addEventListener("my-event",e => {
            console.log(e);
        })
    </script> -->
    <!-- <i18n-demo></i18n-demo> -->
    <tab-set></tab-set>
    <script>
        // window.Polymer = {rootPath: '/'};
    </script>
  </body>
</html>
